<script setup>
import HelloWorld from "./components/HelloWorld.vue";
import table1 from "./components/table_1.vue";
import header1 from "../src/components/header1.vue";
import aside1 from "../src/components/aside1.vue";
import footer1 from "../src/components/footer1.vue";
import A1 from "./components/A1.vue";
</script>

<template>
  <div class="common-layout">
    <h1>学号后三位+姓名</h1>
    <el-container>
      <el-header><header1></header1></el-header>
      <el-container>
        <el-container>
          <el-main><router-view></router-view></el-main>
          <el-footer><footer1></footer1></el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>
<style>
.common-layout {
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  align-self: center !important;
}
.el-header {
  background-color: #b3c0d1 !important;
  width: 100% !important ;
  height: 60px !important;
  margin: 0 !important;

  width: 1000px !important;
}
.el-main {
  background-color: #e9eef3 !important;
  color: #333 !important;
  text-align: center !important;
  width: 1000px !important;
  height: 500px !important;
  margin: 0 !important;
  position: relative !important;
  left: 0 !important;
  top: 0px !important;
}
.el-aside {
  height: 500px !important;
  background-color: aqua;
}
</style>
